<!--title-->
<template>
  <div class="title_box">
    <span class="label" :class="clr"></span>
    <span class="h" :style="{ 'font-size': size + 'px' }">{{ title }}</span>
  </div>
</template>
<script>
export default {
  props: {
    title: {
      type: String,
      default: ''
    },
    clr: {
      type: String,
      default: ''
    },
    size: {
      type: String,
      default: '14'
    }
  },
  data () {
    return {}
  },
  methods: {}
}
</script>
<style lang="scss" scoped>
.title_box {
  padding: 5px;
  border-bottom: 1px solid #cecece;
  .label {
    display: inline-block;
    width: 4px;
    height: 14px;
    vertical-align: -2px;
    margin-right: 4px;
    border-radius: 2px;
  }
  .h {
    font-weight: 600;
  }
}
</style>